<template>
	<div class="container">
		<van-nav-bar fixed title="首页" />
		<!-- 轮播图 -->
		<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
			<van-swipe-item>
				<img
					class="banner-img"
					src="@/assets/imgs/banner.jpeg"
					alt=""
				/>
			</van-swipe-item>
			<van-swipe-item>
				<img
					class="banner-img"
					src="@/assets/imgs/banner.jpeg"
					alt=""
				/>
			</van-swipe-item>
			<van-swipe-item>
				<img
					class="banner-img"
					src="@/assets/imgs/banner.jpeg"
					alt=""
				/>
			</van-swipe-item>
		</van-swipe>
		<!-- 通知 -->
		<van-notice-bar
			left-icon="volume-o"
			text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
		/>
		<!-- 热门推荐 -->
		<van-cell>
			<h3 slot="title" class="group-title">热门推荐</h3>
		</van-cell>
		<recommend-list/>
		<!-- 最近更新 -->
		<van-cell>
			<h3 slot="title" class="group-title">最近更新</h3>
			<span>24小时： <b>0篇</b></span> /
			<span>1周： <b>0篇</b></span>
		</van-cell>
    <article-list/>
	</div>
</template>
<script>
import articleList from '@/components/article-list.vue'
import RecommendList from '../components/recommend-list.vue'
export default {
  components: { articleList,RecommendList },
}
</script>
<style scoped lang="less">
.banner-img {
	width: 100%;
}
.group-title {
	color: #1989fa;
}
</style>
